<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link href="css/common.css" rel="stylesheet" type="text/css"/>
<link href="css/product.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script src="http://47.106.66.89:8080/js/vue.min.js"></script>
<script src="http://47.106.66.89:8080/js/axios.min.js"></script>
<link  href="http://47.106.66.89:8080/js/ele-2.15.7/theme-chalk/index.css" rel="stylesheet">
<script src="http://47.106.66.89:8080/js/ele-2.15.7/index.js"></script>
<script src="./js/category.js"></script>
<script src="js/header.js"></script>
<title>大麦商城</title>
</head>
<body>
<div id="app">
<top ref="t"></top>
<div class="container productContent">



		<category></category>

		<div class="span18 last">

			<div class="productImage">
				<a title="" style="outline-style: none; text-decoration: none;" id="zoom" href="http://image/r___________renleipic_01/bigPic1ea8f1c9-8b8e-4262-8ca9-690912434692.jpg" rel="gallery">
					<div class="zoomPad"><img style="opacity: 1;" title="" class="medium" :src="product==null ? '' : product.image"><div style="display: block; top: 0px; left: 162px; width: 0px; height: 0px; position: absolute; border-width: 1px;" class="zoomPup"></div><div style="position: absolute; z-index: 5001; left: 312px; top: 0px; display: block;" class="zoomWindow"><div style="width: 368px;" class="zoomWrapper"><div style="width: 100%; position: absolute; display: none;" class="zoomWrapperTitle"></div><div style="width: 0%; height: 0px;" class="zoomWrapperImage"><img src="%E5%B0%9A%E9%83%BD%E6%AF%94%E6%8B%89%E5%A5%B3%E8%A3%852013%E5%A4%8F%E8%A3%85%E6%96%B0%E6%AC%BE%E8%95%BE%E4%B8%9D%E8%BF%9E%E8%A1%A3%E8%A3%99%20%E9%9F%A9%E7%89%88%E4%BF%AE%E8%BA%AB%E9%9B%AA%E7%BA%BA%E6%89%93%E5%BA%95%E8%A3%99%E5%AD%90%20%E6%98%A5%E6%AC%BE%20-%20Powered%20By%20Mango%20Team_files/6d53c211-2325-41ed-8696-d8fbceb1c199-large.jpg" style="position: absolute; border: 0px none; display: block; left: -432px; top: 0px;"></div></div></div><div style="visibility: hidden; top: 129.5px; left: 106px; position: absolute;" class="zoomPreload">Loading zoom</div></div>
				</a>

			</div>
			<div class="name">{{product==null ? '' :product.pname}}</div>
			<div class="sn">
				<div>编号：{{product==null ? '' :product.id}}</div>
			</div>
			<div class="info">
				<dl>
					<dt>商城价:</dt>
					<dd>
						<strong>￥：{{product==null ? '' :product.shopPrice}}元/份</strong>
						参 考 价：
						<del>￥{{product==null ? '' :product.marketPrice}}元/份</del>
					</dd>
				</dl>
				<dl>
					<dt>促销:</dt>
					<dd>
						<a title="限时抢购 (2014-07-30 ~ 2015-01-01)">限时抢购</a>
					</dd>
				</dl>
				<dl>
					<dt>    </dt>
					<dd>
						<span>    </span>
					</dd>
				</dl>
			</div>
			<div class="action">
				<form action="cart.html" method="post">
					<input type="hidden" name="pid" value="1"/>
					<dl class="quantity">
						<dt>购买数量:</dt>
						<dd>
							<input id="quantity" name="count" value="1" maxlength="4" onpaste="return false;" type="text">
							<div>
								<span id="increase" class="increase">&nbsp;</span>
								<span id="decrease" class="decrease">&nbsp;</span>
							</div>
						</dd>
						<dd>
							件
						</dd>
					</dl>
					<div class="buy">
						<input id="addCart" class="addCart" value="加入购物车" type="submit">
					</div>
				</form>
			</div>
			<div id="bar" class="bar">
				<ul>
					<li id="introductionTab">
						<a href="#introduction">商品介绍</a>
					</li>

				</ul>
			</div>

			<div id="introduction" name="introduction" class="introduction">
				<div class="title">
					<strong>商品介绍</strong>
				</div>
				<div>
					{{product==null ? '' :product.pdesc}}
					<br /><br />
					<img :src="product==null ? '' : product.image" align="middle"/>
				</div>
			</div>



		</div>
	</div>
	<div class="container footer">
		<div class="span24">
			<div class="footerAd">
				<img src="image\r___________renleipic_01/footer.jpg" alt="我们的优势" title="我们的优势" height="52" width="950">
			</div>
		</div>
		<div class="span24">
			<ul class="bottomNav">
				<li>
					<a href="#">关于我们</a>
					|
				</li>
				<li>
					<a href="#">联系我们</a>
					|
				</li>
				<li>
					<a href="#">诚聘英才</a>
					|
				</li>
				<li>
					<a href="#">法律声明</a>
					|
				</li>
				<li>
					<a>友情链接</a>
					|
				</li>
				<li>
					<a>支付方式</a>
					|
				</li>
				<li>
					<a>配送方式</a>
					|
				</li>
				<li>
					<a >SHOP++官网</a>
					|
				</li>
				<li>
					<a>SHOP++论坛</a>

				</li>
			</ul>
		</div>
		<div class="span24">
			<div class="copyright">Copyright © 2005-2013 Mango商城 版权所有</div>
		</div>
	</div>
</div>
<script>
	var v = new Vue({
		el : "#app",
		data : {
			product:null
		},
		created() {
			axios.get(`other/dmProduct/getProductInfo${location.search}`).then(res=>{
				this.product=res.data;
				console.log(this.product);
			});
		},
		methods : {

		}
	})
</script>
</body>
</html>